﻿var Index = 0;
var dragState = true;
var selfIdState = false;
var base64List = [['',''],['','']];
if (typeof(localStorage.parentData)!="undefined") {
    var parentData = JSON.parse(localStorage.parentData);
    if (parentData.length !=0 && parentData[0].children_idcard_photo1_url) {
    	$('#selfPart').hide();
    	selfIdState = true;
    }
}
else{
    $('#selfPart').show();
};


$('.set-part-bind').on('tap',function(){
	//进绑定老人界面
	App.showPage('bind');
});
$('.set-part-info').on('tap',function(){
	//进账号安全界面
	App.showPage('personSafe');
});
//$('.id-card-row').on('tap',function(){
//	//进账号安全界面
//	appendByGallery(); 
//});
		var imgBox=document.querySelector('.img-box'), 
			w;
		var photoIndex = [];
		var _this;
		$('#parentPart .id-card-row').on('tap',function(event){
			photoIndex = [0,$(this).index()];
			setPhoto();
		});
		
		$('#selfPart .id-card-row').on('tap',function(event){
			photoIndex = [1,$(this).index()];
			setPhoto();
		});
		
		$('#Image').on('tap',function(){
			getImage();
			$('#actionSheet').hide();
		});
		
		$('#Gallery').on('tap',function(){
			appendByGallery();
			$('#actionSheet').hide();
		});
		
		$('#Cancel').on('tap',function(){
			$('#actionSheet').hide();
		});
		
		//点击图片
		var setPhoto = function(){
			$('#actionSheet').show();
//			appendByGallery()
//			var btnArray = [{
//				title: "拍照上传"
//			}, {
//				title: "相册选取"
//			}];
//			plus.nativeUI.actionSheet({
//				cancel: "取消",
//				buttons: btnArray
//			}, function(event) {
//				var index = event.index;
//				switch (index) {
//					case 1:
//						getImage();
//						break;
//					case 2:
//						appendByGallery();
//						break;
//				}
//			});
		}
		
		// 拍照添加文件
		 function getImage() {
		    plus.camera.getCamera().captureImage( function ( p ) {        
		        plus.io.resolveLocalFileSystemURL( p, function ( entry ) {    
					var localurl = entry.toLocalURL();
					var timer = setTimeout(function(){
			    		resizeImage(localurl);
			    	},500);
//					appendFile(localurl);
				}, function(e) {    
                   plus.nativeUI.toast("读取拍照文件错误：" + e.message);    
               });   
		    });   
		}
		
		// 从相册添加文件 
		function appendByGallery(){
		    plus.gallery.pick(function(path){
		    	var path  = path;
		    	console.log(path)
		    	var timer = setTimeout(function(){
		    		console.log(path);
		    		resizeImage(path);
//		    		appendFile(path);
		    	},100);
//		        appendFile(localurl);//处理图片的地方
		    });
		}
		
		// 添加文件
		function appendFile(path){
			w=plus.nativeUI.showWaiting();
            lrz(path).then(function (rst) {
//          	$('.id-card-row img').attr('src',rst.base64);
				console.log(JSON.stringify( $(_this)));
				base64List[photoIndex[0]][photoIndex[1]] = rst.base64;
				console.log(JSON.stringify(rst))
            	$('.info-content').eq(photoIndex[0]).children('.id-card-part').children('.id-card-row').eq(photoIndex[1]).children('img').attr('src',rst.base64);
	        	w.close();
	        });
//	        upload(path).then(function(data) {
//		        // data => 上传成功后返回的JSON数据
//				console.log(JSON.stringify(data));
//		    }).catch(function(err) {
//		        console.log(err);
//		    });
	}
		
		//再对图片进行压缩为270*270，再上传到服务器
		function resizeImage(src) {
		  w=plus.nativeUI.showWaiting();
		  plus.zip.compressImage(
		    {
		      src: src,
		      dst: '_doc/a'+new Date().getTime()+'.jpg',
		      overwrite: true,
		      width: '250px', //这里指定了宽度，同样可以修改
		      format: 'jpg',
		      quality: 90  //图片质量不再修改，以免失真
		    },
		    function(e) {
		        plus.nativeUI.closeWaiting();
		        var reader = new plus.io.FileReader();		
                reader.onloadend = function (e) {
                console.log(147+""+ e.target.fileName);
			
					var url=e.target.fileName;
			        getBase64(url)
			            .then(function(base64){
			            		  base64List[photoIndex[0]][photoIndex[1]] = base64;
            					  $('.info-content').eq(photoIndex[0]).children('.id-card-part').children('.id-card-row').eq(photoIndex[1]).children('img').attr('src',base64);
			            },function(err){
			                  console.log(err);//打印异常信息
			         }); 
                };
                w.close();
                reader.readAsDataURL(e.target);
		    },
		    function(err) {
		      plus.nativeUI.alert('未知错误！',function() {
		      	w.close();
		        mui.back();
		      });
		    }
		  );
		}
		
		// 上传文件
		function upload(picStr){
			w.close();
//			mui.toast('已获取到压缩后的base64图片字符串，请传给接口');
		}
		
		function getBase64(img){
	        function getBase64Image(img,width,height) {//width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小
	          var canvas = document.createElement("canvas");
	          canvas.width = width ? width : img.width;
	          canvas.height = height ? height : img.height;

	          var ctx = canvas.getContext("2d");
	          ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
	          var dataURL = canvas.toDataURL();
	          return dataURL;
	        }
	        var image = new Image();
	        image.crossOrigin = '';
	        image.src = img;
	        var deferred=$.Deferred();
	        if(img){
	          image.onload =function (){
	            deferred.resolve(getBase64Image(image,200,150));//将base64传给done上传处理
	          }
	          return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
	        }
     }

$(function() {　
	mui.plusReady(function() {
		//预加载页面
	});
	mui.init({
		gestureConfig: {
			tap: true,
			//默认为true
			doubletap: true,
			//默认为false
			longtap: true,
			//默认为false
			swipe: true,
			//默认为true
			drag: true,
			//默认为true
			hold: false,
			//默认为false，不监听
			release: false
		},
		beforeback: function(){
			//获得列表界面的webview
			var lists = plus.webview.all();
			var personCenter = plus.webview.getWebviewById('personCenter');
			mui.fire(personCenter,'backPerson',{jsonStr:"true"});	
		}
	});
	if (typeof(localStorage.userInfo)!="undefined") {
    	var userInfo = JSON.parse(localStorage.userInfo); 
    }
    else{
    	mui.toast("检测不到登录状态，请重新登录！");
    }

//	var timer;
//	document.querySelector('body').addEventListener('drag', function(event) {
//		if (dragState) {			
//			//往左滑
//			if(event.detail.deltaX < -50){
//				dragState = false;
//				console.log( (parseInt(Index)+1) >( $('.person-info-row').length -1));
//				Index = Index >( $('.person-info-row').length -2) ? (parseInt(Index)+1)% $('.person-info-row').length : (parseInt(Index)+1);
//				$('.person-info-row').removeClass('mui-active');
//				$('.person-info-row').eq(Index).addClass('mui-active');
//				$('.roll-dot').removeClass('mui-active');
//				$('.roll-dot').eq(Index).addClass('mui-active');
//			}
//			//往右滑
//			else if(event.detail.deltaX > 50){
//				mui.back();
//			}
//			timer = setTimeout(function(){
//				dragState = true;
//			},300);
//		}	
//	});
	
	$('#submitBtn').on('tap',function(){
		if ($('#parentName').val() == ''|| $('#parentID').val() == ''||$('#parentPhone').val() =='') {
			mui.toast('信息填写不完整');
			return
		}
		plus.nativeUI.showWaiting("绑定信息中...");
		if (selfIdState) {			
			var params = {
				sysChildrenId : userInfo.sysChildrenId,
				trueName : userInfo.trueName,
				idCard : userInfo.idCard,
				childrenIdCardPhoto1 : "",
				childrenIdCardPhoto2 : "",
				oldManName : $('#parentName').val(),
				oldManIdCard : $('#parentID').val(),
				oldManMobile : $('#parentPhone').val(),
				oldmanIdCardPhoto1 : base64List[0][0],
				oldmanIdCardPhoto2 : base64List[0][1]
			};
		}
		else{
			var params = {
				sysChildrenId : userInfo.sysChildrenId,
				trueName : $('#selfName').val(),
				idCard : $('#selfID').val(),
				childrenIdCardPhoto1 : base64List[1][0],
				childrenIdCardPhoto2 : base64List[1][1],
				oldManName : $('#parentName').val(),
				oldManIdCard : $('#parentID').val(),
				oldManMobile : $('#parentPhone').val(),
				oldmanIdCardPhoto1 : base64List[0][0],
				oldmanIdCardPhoto2 : base64List[0][1]
			};
		}
		
		App.bindOldManAndChildren(params,function(data){
			plus.nativeUI.closeWaiting();
			console.log(JSON.stringify(data));
			mui.toast(data.msg);
			if(data.result){
				App.showPage('bindResult');
			}
//			mui.back();
		},function(){
			plus.nativeUI.closeWaiting();
		});
	});
	
});